<template lang="pug">
  van-tabs( @click="onClick")
    van-tab( title="可使用优惠券" )
        .coupon 
            img.bg( :src="qu")
            span 12312321321321dwadwa
        
    van-tab( title="不可使用优惠券" ) 
        .coupon 
            img.bg( :src="qu")
            span 12312321321321dwadwa
</template>

<script>
export default {
  data() {
    return {
      wan: require("@/assets/coupon/lingwan.png"),
      qu: require("@/assets/coupon/lingqu.png")
    };
  },
  methods: {
    onClick(name, title) {
      this.$toast(title);
    }
  }
};
</script>

<style lang="less" scoped>
.coupon {
  position: relative;
  margin: 0.4rem 0.6rem;
  padding-right: 1.4rem;
  padding-left: .2rem;
  padding-top: .2rem;
  padding-bottom: .2rem;
  height: 1.6rem;
}
.bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  box-shadow: 0 0 0.06rem rgba(0, 0, 0, 0.1);
}
/deep/.van-tabs__line {
  background-color: #3963bc;
}
</style>